
.container {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: calc(120rpx + env(safe-area-inset-bottom));
}
.swiperbox{
    width: 100%;
}
.swiper{
    /* height: calc(100vw*681/926); */
    width: 100%;
    height: 320rpx;
  }
  .financialbox{
    //   height: 360px;
      .financial_top{
          display: flex;
          justify-content: space-between;
          margin-left: 32rpx;
          padding-right: 32rpx;
          border-bottom: 1px solid #D8D8D8;
          .left{
            display: flex;
            height:46rpx;
            font-size: 32rpx;
            font-weight: 500;
            color: #333333;
            line-height: 40rpx;
            padding: 20rpx 0;
            .today{
              text-align: center;
              width: 100rpx;
              margin-left: 20rpx;
              padding: 0 10rpx;
              border: 1px solid #8BB94F;
              border-radius: 4rpx;
            }
            .active{
              background-color: #8BB94F;
              color: #F0F2F3;
            }
          }
          .time{
            margin: 20rpx 0;
            text-align: center;
            line-height: 40rpx;
            font-size: 32rpx;
            border: 1px solid #8BB94F;
            .input{
              padding: 0 20rpx;
              color: #8BB94F;

            }
          }
      }
  }
  .financial_under{
    padding:0 50rpx;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    text-align: left;
    padding-bottom: 40rpx;
    .quotesingle{
				width: 31%;
        .top{
            margin-top: 40rpx;
            font-size: 36rpx;
            font-weight: bold;
            color: #333333;
            line-height: 40rpx;
            .polt{
            font-size: 26rpx;
            }
        }
        .under{
            margin-top: 10rpx;
            font-size: 24rpx;
            font-weight: 400;
            color: #999999;
        }
    }
  }
  .block{
      width: 100%;
      height:15rpx;
      background-color: #F0F2F3;
  }
  .trading{
      .trading_top{
        display: flex;
        justify-content: space-between;
        margin-left: 32rpx;
        padding-right: 32rpx;
        border-bottom: 1px solid #D8D8D8;
        .text{
          height: 86rpx;
          font-size: 32rpx;
          font-weight: 500;
          color: #333333;
          line-height: 86rpx;
        }
        .detail{
          line-height: 86rpx;
          height: 86rpx;
          font-size: 32rpx;
          font-weight: 400;
          color: #62B45A;
        }
      }
  }
  .page-section{
      margin-top: 15rpx;
    .page-section-spacing{
        margin-left: 32rpx;
        .scroll-view_H{
            white-space: nowrap;
            .scroll-view-item_H{
                padding: 16rpx 23rpx;
                display: inline-block;
                margin-right: 10rpx;
                height:30rpx;
                line-height: 30rpx;
              }
              .scroll-view-item_H:last-child{
                display: inline-block;
                margin-right: 0;
                height:30rpx;
                line-height: 30rpx;
              }
              .active{
                color: #8BB94F;
                background: #F3F6EF;
                border-radius: 4px;
                font-weight: bold;
              }
          }
      }

  }
  .chartbox{
    width: 100%;
    height:450rpx;
    .ec-canvas {
        width: 100%;
        height: 100%;
      }
  }

  .van-calendar{
    height:90% !important;
  }

